<html> 
<head> 
<title>Connections App Example</title> 
 
<script type="text/javascript" src="http://platform.linkedin.com/in.js"> 
  api_key: JZW2QEjUA3UtjKpGRx1kifkn14YUbHBzDfMZY-dGjhikK94j2vjjdZR4GLgKiKHX
  authentication: true
</script> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <link rel="stylesheet" href="css/perfil.css" type="text/css" />
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.5b1.js"></script> 
  <!--<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>  -->
 
<script type="text/javascript"> 
 
function loadData() {
IN.API.Connections("me")
    .fields(["pictureUrl","publicProfileUrl","firstName","lastName","headline"])
    .result(function(result) {
	  profHTML = "";
      for (var index in result.values) {
          profile = result.values[index]
          if (profile.pictureUrl) {
              profHTML += "<li><a href='" + profile.publicProfileUrl + "'>";
              profHTML += "<img class='ico' title='" + profile.firstName + "' src='" + profile.pictureUrl + "'><strong>" + profile.firstName + " " + profile.lastName + "</strong>" + profile.headline + "</a></li>";   
          }    
      }
      $("#linkedin").html(profHTML);
    });
}
 
 
</script> 
 
 
</head> 
<body class="yui3-skin-sam	yui-skin-sam"> 
<div id="geral">
			<div id="header">
				<h1 class="titulo"><a href="./">Marlon Pacheco</a> - Analista de Sistemas especializado em B.I.</h1>
			</div>
			<div id="path">
				<div id="titulo"></div>
			</div>
			<div id="menu">
				<ul class="menu-principal">
					<li>Pessoal
						<ul class="sub-menu">
							<li id="nav-sobre"><a href="#sobre"><span>Sobre</span></a></li>
							<li id="nav-formacao"><a href="#formacao"><span>Formação</span></a></li>
						</ul>
					</li>
					<li>Profissional
						<ul class="sub-menu">
							<li id="nav-experiencia"><a href="#experiencia"><span>Experiência</span></a></li>
							<li id="nav-qualificacao"><a href="#qualificacoes"><span>Qualificações</span></a></li>
						</ul>
					</li>
					<li>Redes
						<ul class="sub-menu">
							<li id="nav-rede"><a href="#rede"><span>Rede</span></a></li>
							<li id="nav-contato"><a href="#contato"><span>Contato</span></a></li>
						</ul>
					</li>
					<li>Networking
						<ul class="sub-menu">
							<li id="nav-twitter"><a href="#twitter"><span>Twitter</span></a></li>
							<li id="nav-linkedin"><a href="#linkedin"><span>Linkedin</span></a></li>
						</ul>
					</li>
				</ul>
			</div>
			<div id="content">
				<div class="conteudo">
				<ul class= "secao" id="linkedin">
				
				</ul>							
				</div>
			</div>

			<div class="clear">&nbsp;</div>
			<p id="footer">&copy; Marlon Pacheco 1982-&lsquo;11 &raquo; <a href="#credits" title="Créditos" rel="me">( i )</a></p>
		</div>

	<ul class= "secao" id="linkedin">
	</ul>
    <script type="IN/Login" data-onAuth="loadData"></script> 
</body> 
</html>